<template>
  <div>
    <table class="see" cellpadding="20" cellspacing="0" align="center">
      <tr>
        <td>区域名称：</td>
        <td>{{area.name}}</td>
      </tr>
      <tr>
        <td>是否启用：</td>
        <td><el-switch
          class="switch"
          v-model="area.status"
          active-color="#00A854"
          active-text="启用"
          :active-value="1"
          inactive-color="#F04134"
          inactive-text="禁用"
          :inactive-value="0"
          disabled
        ></el-switch></td>
      </tr>
      <tr>
        <td>添加时间：</td>
        <td>{{area.addTime}}</td>
      </tr>
      <tr>
        <td>具体描述：</td>
        <td>{{area.description}}</td>
      </tr>
    </table>
    <el-button type="primary" @click="closeSee()" class="btnCloseSee">退出</el-button>
  </div>
</template>

<script>
export default {
  name: "see",
  props:{
    area: Object
  },
  methods:{
    closeSee(){
      //触发自定义事件
      this.$emit('closeSee');
    }
  }
}
</script>

<style scoped>
@import "../../../assets/css/basicdata.css";
</style>
